input 使用outline属性去掉淡蓝色边框不生效原创

对于Firefox和其他遵循Web标准的浏览器，我们可以使用CSS来去除链接的`outline`，具体做法是在样式表中定义`a:focus`选择器，并将其`outline`属性设置为`none ...

Note: The outline will be invisible for many elements if its style is not defined. This is because the style defaults to none . A notable ...

将 outline 设置为 0 或 none 会移除浏览器的默认聚焦样式。如果一个元素可交互，这个元素必须有一个可见的聚焦提示。若移除了默认聚焦样式，记得提供一个 ...

border 可以有「占據空間」的特性，outline 則沒有佔據空間 · border 的外觀可以做圓角，outline 則永遠為矩形(物件的矩形空間).

This border is used to show that the element is focused (ie you can type in the input or press the button with Enter). You can remove it with outline property.

縮寫形式如果沒有輪廓樣式，會自動套用 none ，不會呈現輪廓。 下方的範例會讓三個div 呈現不同輪廓，並用span 作為實際內容區域，從中可以注意輪廓包覆著邊框，如果有 ...

Removing outlines. Use the outline-none utility to completely remove the default browser outline on focused elements:.

因此，CSS设置outline:none时，outline-color、outline-style、outline-width都会无效，即元素轮廓的颜色、元素轮廓的格式、元素轮廓的宽度都无效，即达到不 ...

What does the outline property do? It provides visual feedback for links that have focus when navigating a web document using the TAB key (or equivalent).

none - Defines no outline; hidden - Defines a hidden outline. The following example shows the different outline-style values: Example. Demonstration ...